<template>
    <div class="main"  height="100%">
        <el-container padding="0px"  height="100%">
            <el-header>Header</el-header>
            <el-container>
                <el-aside width="400px">
                    <el-form :inline="true" :model="filmObject" class="demo-form-inline">
                        <el-form-item label="电影名称">
                            <el-input v-model="filmObject.title" placeholder="电影名称" width="350px"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="onSubmit" width="50px">搜索</el-button>
                        </el-form-item>
                    </el-form>
                </el-aside>
                <el-main padding="0px">
                    <video src="https://renrenfilm.oss-cn-hangzhou.aliyuncs.com/2022-11-20/48454052-af24-4a90-89de-f4e7fd5a3ba8_871743713-1-208.mp4"
                        :poster="videoCover" width="100%" height="100%" :autoplay="true" :preload="true">
                        您的浏览器不支持video标签。
                    </video>
                    <!-- <svg :class="[vplay ? 'play cursor' : 'hidden']"
                                :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay"
                                viewBox="0 0 24 24">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="1.5"
                                    d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z">
                                </path>
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
                            </svg> -->
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
export default {
    name: 'index',
    components: {},
    data() {
        return {
            filmObject: {
                title: '',
            }
        }
    }
}
</script>

<style scoped>
    .main {
        background-color: dimgray;
    }
</style>
